<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "/TR/html4/frameset.dtd">

<html>

	<head>

		<title>圣诞树</title>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width-10, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<link rel="icon" href="images/favicon.ico">
		<link rel="shortcut icon" href="images/favicon.ico">

		<style>
			html,
			body {
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				border: 0;
				text-align: center;
				
				
			}
			
			p {
				margin: 0;
				padding: 0;
				border: 0;
			}
			
			.nav {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 27px;
				background-color: white;
				color: black;
				text-align: center;
				line-height: 25px;
			}
			
			a {
				color: black;
				text-decoration: none;
				border-bottom: 1px dashed black;
			}
			
			a:hover {
				border-bottom: 1px solid red;
			}
			
			.previous {
				float: left;
				margin-left: 10px;
			}
			
			.next {
				float: right;
				margin-right: 10px;
			}
			
			.green {
				color: green;
			}
			
			.red {
				color: red;
			}
			
			textarea {
				width: 100%;
				height: 100%;
				border: 0;
				padding: 0;
				margin: 0;
				padding-bottom: 20px;
			}
			
			.block-outer {
				float: left;
				width: 22%;
				height: 100%;
				padding: 5px;
				border-left: 1px solid black;
				margin: 30px 3px 3px 3px;
			}
			
			.block-inner {
				height: 68%;
			}
			
			.one {
				border: 0;
			}
			
			#c {
				position:relative;
				top: 50%;
				transform: translateY(-50%);
				width: 100%;
				height: auto;
			}
		</style>

	</head>

	<body marginwidth="0" marginheight="0">

		<canvas id="c" height="356" width="446" onclick="hh()">

<script>

            var collapsed = true;

            function toggle() {

                var fs = top.document.getElementsByTagName('frameset')[0];

                var f = fs.getElementsByTagName('frame');

                if (collapsed) {

                    fs.rows = '250px,*';

                    // enable resizing of frames in firefox/opera

                    fs.noResize = false;

                    f[0].noResize = false;

                    f[1].noResize = false;

                } else {

                    fs.rows = '30px,*';

                    // disable resizing of frames in firefox/opera

                    fs.noResize = true;

                    f[0].noResize = true;

                    f[1].noResize = true;

                }

                collapsed = !collapsed;

            }

 

</script>

<script>

            var b = document.body;

            var c = document.getElementsByTagName('canvas')[0];

            var a = c.getContext('2d');

            document.body.clientWidth; // fix bug in chrome.

</script>

<script type="text/javascript" src="js/new_file.js" ></script>

<script type="text/javascript">
	
	function hh(){
		alert("咋样 哈哈哈哈哈");
	}
	
	
</script>

</body>

</html>